<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">
<title>demo</title>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jqPaginator.js"></script>
<script src="../stocks/stocks.js"></script>
<script src="../js/laydate/laydate.js"></script>
<!-- Bootstrap -->

<link href="../css/bootstrap.min.css" rel="stylesheet" />
<link href="../stocks/stocks.css" rel="stylesheet" />
 <jsp:include page="addStocks.jsp"></jsp:include>
<%-- <jsp:include page="resource.jsp"></jsp:include>  --%>
<style>
body {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
</style>

	<script>
		!function(){
			laydate.skin('danlan');//切换皮肤，请查看skins下面皮肤库
			laydate({elem: '#startTime'});//绑定元素
			laydate({elem: '#endTime'});//绑定元素
		}();
    
    //自定义日期格式
    laydate({
        elem: '#startTime',
        format: 'YYYY年MM月DD日',
        festival: true, //显示节日
        choose: function(datas){ //选择日期完毕的回调
           alert('得到：'+datas);
        }
    });
    </script>
</head>
<body>


	<div class="container-fluid" style="width: 100%;">
		<div class="row-fluid">
			<h3>库存管理</h3>
		</div>
		<!-- class="col-sm-8" -->
		<div
			style="margin-left: 50px; margin-right: 0; border-width: 2px; border-color: #AA0000">

			<div id="tools" class="col-md-4 pull-right">
				<ul class="nav nav-pills nav-justified " role="tablist">
					<li role="presentation" class=" active" style="padding-left: 10px;">
						<button id="queryBtn" class="btn  btn-sm btn-info">查询</button>
					</li>
					<li role="presentation" class=" active" style="padding-left: 10px;">
						<button id="addEnter" class="btn btn-primary btn-sm">入库</button>

					</li>
					<li role="presentation" class=" active" style="padding-left: 10px;">
						<button id="addOut" class="btn btn-infor btn-sm">出库</button>
					</li>
					<li role="presentation" class=" active" style="padding-left: 10px;">
						<button id="addBack" class="btn btn-warning btn-sm">退货</button>
					</li>
					<li role="presentation" class=" active" style="padding-left: 10px;">
						<button id="deleteBtn" class="btn btn-sm btn-danger">删除</button>
					</li>
				</ul>
			</div>
			<div style="margin-top: 40px;">
				<div id="conditions">
				
					库存类型:
					<select id="reTypeIds" name="reType">
						<c:forEach var="reType" items="${reTypes}">
							<option <c:if test="${reType.key==typeId}" >selected</c:if> value="${reType.key}">${reType.val}</option>
						</c:forEach>
					</select> 
					
					库存记录类型: 
					<select id="actStr" name="actStr"> 
 						<option value="-1">全部</option> 
						<c:forEach var="act" items="${actions}">
							<option <c:if test="${act.key==action}">selected</c:if>
								value="${act.key}">${act.val}</option>
						</c:forEach>
					</select> 
					单据来源:
					<select id="stockSources" name="stockSources"> 
 						<option value="-1">全部</option> 
						<c:forEach var="act" items="${stockSource}">
							<option <c:if test="${act.key==action}">selected</c:if>
								value="${act.key}">${act.val}</option>
						</c:forEach>
					</select> 
					
					
					<br /><br /> 
					时间:从<input class="laydate-icon" id="startTime" name="startTime" value="${startTime}"  />
					到<input class="laydate-icon" id="endTime" name="endTime" value="${endTime}" />
				</div>
				<br />
				<table id="products" border="1"
					class="table table-bordered table-hover">
					<tr>
						<td><input id="selectAll" class="checkbox" type="checkbox" /></td>
						
						<td>库单编号</td>
						<td>所属分类</td>
						<td>录入人</td>
						<td>录入时间</td>
						<td>确认人</td>
						<td>确认时间</td>
						<td>单据类型</td>
						<td>单据总价</td>
						<td colspan="2">操作  / 状态</td>
					</tr>

					
				</table>
			</div>
		</div>
	</div>
	</div>

		<div style="text-align: center;">
			<ul class="pagination" id="pagination2"></ul>
		</div>
		<div style="text-align: center;">
			<div id="pageResult">
				<input id="pageCount" type="hidden" value="${pageResult.pageCount}" />
				<input id="totalCount" type="hidden"
					value="${pageResult.totalCount}" /> <input id="pageIndex"
					type="hidden" value="${pageResult.pageIndex}" /> <input
					id="pageSize" type="hidden" value="${pageResult.pageSize}" />
			</div>

	<!-- footer -->

	<p>vinace-Demo by 御风林海</p>

	</div>

</body>

</html>